home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2018 January / PCgo 01-2018 CD-ROM Germany.iso / nw.pak / Unnamed File 004862.txt < prev    next >
Encoding:
Text File  |  2015-07-29  |  4.9 KB  |  248 lines
  1. <!--
  2. Copyright 2013 The Chromium Authors. All rights reserved.
  3. Use of this source code is governed by a BSD-style license that can be
  4. found in the LICENSE file.
  5. -->
  6. <!DOCTYPE html>
  7. <html i18n-values="dir:textdirection">
  8. <head>
  9.   <meta charset="utf-8">
  10.   <title i18n-content="Media Internals"></title>
  11.   <style>/* Copyright 2013 The Chromium Authors. All rights reserved.
  12.  * Use of this source code is governed by a BSD-style license that can be
  13.  * found in the LICENSE file. */
  14.  
  15. html,
  16. body,
  17. #container {
  18.   margin: 0;
  19.   padding: 0;
  20.   width: 100%;
  21.   height: 100%;
  22.   font-family:Arial;
  23. }
  24.  
  25. table {
  26.   font-family: sans-serif;
  27.   -webkit-font-smoothing: antialiased;
  28.   font-size: 115%;
  29.   width: auto;
  30.   overflow: auto;
  31.   display: block;
  32. }
  33. th {
  34.   background-color: rgb(112, 196, 105);
  35.   font-weight: normal;
  36.   color: white;
  37.   padding: 2px;
  38.   text-align: center;
  39.   min-width: 230px;
  40. }
  41. td {
  42.   background-color: rgb(238, 238, 238);
  43.   padding: 2px;
  44.   color: rgb(111, 111, 111);
  45.   word-wrap: break-word;
  46.   min-width: 230px;
  47. }
  48.  
  49. h1,
  50. h2,
  51. h3 {
  52.   color: rgb(50,50,50);
  53. }
  54.  
  55. #container {
  56.   display: flex;
  57.   flex-direction: row;
  58.   flex-wrap: wrap;
  59.   justify-content: space-between;
  60.   align-items: flex-start;
  61.   align-content: stretch;
  62. }
  63.  
  64. #container > * {
  65.   padding: 0;
  66.   padding-left: 25px;
  67.   margin: 0;
  68. }
  69.  
  70. #list-wrapper {
  71.   display: flex;
  72.   flex-direction: column;
  73.   justify-content: space-between;
  74.   align-items: flex-start;
  75.   align-content: stretch;
  76. }
  77.  
  78. #player-list-wrapper,
  79. #audio-component-list-wrapper {
  80.   flex-grow: 1;
  81.   align-self: stretch;
  82.   min-width: 200px;
  83.   overflow: auto;
  84. }
  85.  
  86. #player-list-wrapper ul,
  87. #player-list-wrapper li,
  88. #audio-component-list-wrapper ul,
  89. #audio-component-list-wrapper li {
  90.   padding: 0px;
  91.   list-style-type: none;
  92. }
  93. #list-wrapper button {
  94.   padding: 0px;
  95. }
  96.  
  97. #property-wrapper,
  98. #log-wrapper {
  99.   display:block;
  100.   flex-grow: 0.25;
  101.   align-self: stretch;
  102.   overflow: auto;
  103. }
  104.  
  105. #video-capture-capabilities-wrapper {
  106.   flex-grow: 0.5;
  107.   align-self: stretch;
  108.   overflow: auto;
  109. }
  110.  
  111. #log-wrapper > thead {
  112.   position: fixed;
  113. }
  114.  
  115. #graphs li {
  116.   list-style-type: none;
  117. }
  118.  
  119. #clipboard-textarea {
  120.   position: absolute;
  121.   width: 50%;
  122.   height: 50%;
  123.  
  124.   left: 25%;
  125.   top: 25%;
  126. }
  127.  
  128. .hiddenClipboard {
  129.   display: none;
  130. }
  131.  
  132. .timestamp {
  133.   min-width: 115px;
  134. }
  135.  
  136. #video-capture-capabilities-table {
  137.   margin-bottom:30px;
  138. }
  139.  
  140. #video-capture-capabilities-table th,
  141. #video-capture-capabilities-table td {
  142.   min-width:120px;
  143. }
  144.  
  145. #video-capture-capabilities-table td {
  146.   padding:5px;
  147. }
  148.  
  149. #video-capture-capabilities-table tr td {
  150.   font-size:13px;
  151.   text-align:center;
  152. }
  153.  
  154. #video-capture-capabilities-table .video-capture-formats-table th,
  155. #video-capture-capabilities-table .video-capture-formats-table td {
  156.   text-align:right;
  157.   min-width:80px;
  158. }
  159.  
  160. #video-capture-capabilities-table .video-capture-formats-table th {
  161.   background:none;
  162.   color:#666;
  163.   font-size:13px;
  164.   font-weight:bold;
  165. }
  166.  
  167. #video-capture-capabilities-table .video-capture-formats-table td {
  168.   padding:2px;
  169. }
  170. </style>
  171.   <script src="chrome://resources/js/cr.js"></script>
  172. </head>
  173.  
  174. <body>
  175.   <textarea id="clipboard-textarea" class="hiddenClipboard"></textarea>
  176.   <div id="container">
  177.     <div id="list-wrapper">
  178.       <div id="player-list-wrapper">
  179.         <h2>Players</h2>
  180.         <ul id="player-list"></ul>
  181.       </div>
  182.       <div id="audio-component-list-wrapper">
  183.         <h2>Input Controllers</h2>
  184.         <ul id="audio-input-controller-list"></ul>
  185.       </div>
  186.       <div id="audio-component-list-wrapper">
  187.         <h2>Output Controllers</h2>
  188.         <ul id="audio-output-controller-list"></ul>
  189.       </div>
  190.       <div id="audio-component-list-wrapper">
  191.         <h2>Output Streams</h2>
  192.         <ul id="audio-output-stream-list"></ul>
  193.       </div>
  194.     </div>
  195.     <div id="property-wrapper">
  196.       <h2>
  197.         <span id="property-name"></span> Properties
  198.         <button id="copy-button">Copy to clipboard</button>
  199.       </h2>
  200.       <table id="property-table">
  201.         <thead>
  202.           <tr>
  203.             <th>Property</th>
  204.             <th>Value</th>
  205.           </tr>
  206.         </thead>
  207.         <tbody></tbody>
  208.       </table>
  209.       <ul id="graphs"></ul>
  210.     </div>
  211.     <div id="log-wrapper">
  212.       <h2>
  213.         Log <input id="filter-text" type="text">
  214.       </h2>
  215.       <table id="log">
  216.         <thead>
  217.           <tr>
  218.             <th class="timestamp">Timestamp</th>
  219.             <th>Property</th>
  220.             <th>Value</th>
  221.           </tr>
  222.         </thead>
  223.         <tbody></tbody>
  224.       </table>
  225.     </div>
  226.     <div id="video-capture-capabilities-wrapper">
  227.       <h2>Video Capture Device Capabilities</h2>
  228.       <button id="video-capture-capabilities-copy-button">
  229.         Copy to clipboard</button>
  230.       <table id="video-capture-capabilities-table">
  231.         <thead>
  232.           <tr>
  233.             <th>Device Name</th>
  234.             <th>Formats</th>
  235.             <th>Capture API</th>
  236.             <th>Device ID</th>
  237.           </tr>
  238.         </thead>
  239.         <tbody id="video-capture-capabilities-tbody">
  240.  
  241.         <tbody>
  242.       </table>
  243.     </div>
  244.   </div>
  245.   <script src="media_internals.js"></script>
  246. </body>
  247. </html>
  248.